<template>
  <div>
    <div class="j-brief">
      <router-link to="/jianjie" tag="a" :class="{active: currentAbout == '1'}">集团简介</router-link>
      <router-link to="/chanye" tag="a" :class="{active: currentAbout == '2'}">旗下产业</router-link>
      <router-link to="/licheng" tag="a" :class="{active: currentAbout == '3'}">发展历程</router-link>
      <router-link to="/wenhua" tag="a" :class="{active: currentAbout == '4'}">企业文化</router-link>
    </div>
  </div>
</template>

<script>
export default {
  name: 'nav',
  data () {
    return {
    }
  },
  props: {
    currentAbout: {
      type: String
    }
  },
  methods: {
  },
  actived () {
    // console.log(currentAbout)
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
  .active {
    color: #2154b9;
  }
  .active:hover {
    color: #fff!important;
    background-color: #2154b9
  }
</style>
